<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport"
        content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <title>盲盒大抽奖</title>
    <link rel="stylesheet" href="./luckywheel.css">
</head>

<body>
    <div class="container">
        <div class="loading">
            <img class="loading-ico" src="https://mdhw.oss-cn-hangzhou.aliyuncs.com/promotion/balls.svg" />
            <div id="preloader"></div>
        </div>
        <div class="container-inner">
            <div class="app-logo"></div>
            <a href="" class="activity_rules">活动规则</a>
            <a href="" class="online_kefu">在线客服</a>
            <div class="canvas-wrapper">
                <button class="button scaleAni"></button>
                <canvas id="canvas"></canvas>
                <div class="canvas-wrapper-inner">
                    <div class="award_result">
                        <div class="award_result_item">
                            <img class="award_result_item_icon" src="https://mdhw.oss-cn-hangzhou.aliyuncs.com/promotion/award_result.png">
                        </div>
                        <div class="award_result_item">
                            <img class="award_result_item_icon" src="https://mdhw.oss-cn-hangzhou.aliyuncs.com/promotion/award_result.png">
                        </div>
                        <div class="award_result_item">
                            <img class="award_result_item_icon" src="https://mdhw.oss-cn-hangzhou.aliyuncs.com/promotion/award_result.png">
                        </div>
                    </div>
                </div>
            </div>
            <div class="footer-block">
                <div class="foot-row">客服电话：<a href="tel:4001181676">400-118-1676</a></div>
                <div class="foot-row">厦门奶绒喵科技有限公司</div>
                <div class="foot-row">闽ICP备2021013656号</div>
            </div>
        </div>
    </div>
    <div class="dialog hide">
        <div class="dialog-inner animate__animated animate__fadeIn">
            <div class="dialog-body">
                <div class="openBox_price">开盒价：￥39</div>
                <div class="input-outer">
                    <img class="phone-sign" src="https://mdhw.oss-cn-hangzhou.aliyuncs.com/promotion/iphone_sign.png" />
                    <input id="phoneInput" type="tel" autocomplete="off" class="input" placeholder="请输入您的手机号码" maxlength="11" type="text" />
                </div>
                <button class="open_award"></button>
                <a class="yszc" href="/index.html">提交视为阅读和同意个人信息授权与保护声明</a>
            </div>
            <div class="dialog-close"></div>
        </div>
    </div>
</body>
<script src="./luckywheel.js"></script>

</html>